Flow 心流狀態

The mental state in which a person performing some activity is fully immersed in a feeling of energized focus, full involvement, and enjoyment in the process of the activity.心流是一種專注狀態，就是當我們做某件事時完全投入其中，感到既快樂又充滿幹勁。

Takeaways 要點

1. 心流發生在任務難度剛好符合我們能力水平的時候。這時我們會非常專注，感覺對一切都很有掌控感。

2. 如果任務太難，我們會感到沮喪；如果太簡單，我們會覺得無聊。所以關鍵是找到適合自己能力的挑戰。

3. 要讓人更容易進入心流狀態，需要及時給予反饋，讓人清楚知道自己做得怎麼樣，完成了什麼。

4. 要讓體驗更流暢，要去除不必要的干擾，讓人容易找到需要的內容和功能，這樣才不會打斷專注狀態。

Origins 起源

"心流"這個概念是心理學家米哈里在1975年提出的。雖然類似的想法在人類歷史上早就存在，但他讓這個概念變得更加系統和普及，現在已經在很多領域都在使用，特別是在職業治療方面。

7 steps to achieving flow in UX design 在UX設計中實現心流的7個步驟

1. Find a Challenge — Let your users tell you the problems you need to solve 發現挑戰-讓使用者告訴你需要解決的問題

我們和使用者接觸最多的團隊成員很瞭解使用者需求，要好好利用這個優勢。我用客服系統把使用者的聊天記錄分類整理，比如"頁面尺寸使用問題"這樣的標籤。

開始設計之前，我先讀了100多條使用者聊天記錄，看看大家在調整頁面尺寸時遇到了什麼困難。把這些問題列成表格後，就能清楚看出主要存在哪些問題了。

第一版存在的問題 ：

• 調整頁面大小的位置難以找到（使用者問："怎麼改大小？""怎麼調整長度？""怎麼加空間？"）

• 畫素不適合列印，使用者只能先用畫素設定尺寸，再手動調整內容大小

發現 :

• 使用者通常在完成設計後調整尺寸

• 畫布概念需要更直觀

• 英寸比畫素更適合使用者

• 使用者需要內建單位轉換功能

2. Set Clear Goals 設定明確目標

基於這些發現，我為第一版設定了3個目標：

最終目標:

1. 使"頁面設定"選項更容易被找到

2. 將預設單位從畫素改為英寸

3. 在標準頁面尺寸中顯示英寸值

3. Forget the Fancy UI, Start Sketching 先畫草圖，別急著做精美介面

思考如何幫助使用者：有了使用者資料，我們要從使用者視角尋找解決方案。"要設身處地為使用者著想，就要從他們的角度寫故事。"（Nir Eyal，2013）什麼時候需要？為什麼用？想完成什麼？有什麼障礙？（使用者研究已告訴我們答案！）

4. Get Feedback — Stop for a Sanity check 檢查反饋 - 及時發現問題

團隊反饋說要注意一個問題：很多老使用者已經習慣用畫素來設定尺寸了。因為我們以前所有的模板都是用畫素做的，所以要考慮相容這種情況。

5. Iterate again — Your Sketches should tell you the Solutions 再次迭代 - 從草圖中找方案

畫草圖可以幫我們把想法畫出來看。就像做房子要先畫設計圖一樣，我們需要先在紙上畫出來，和團隊討論是否可行。確認沒問題後，我才用Sketch軟體做了更細緻的設計圖，準備給使用者試用。

6. Test your Hi-Fi from a Beginner's eye 用新手視角測試

線上測試網站來測試新設計。測試只需要5個使用者就夠了。雖然面對面聊天效果最好，但遠端測試也能幫我們找出設計中的主要問題。

7. Iterate on your Learnings 基於反饋不斷改進

使用者測試讓我們能提前發現設計問題，不用等產品上線後再來改。

使用者是這麼說的：

• 找不到設定在哪 - 使用者說設定按鈕放得不夠明顯

• 用起來很簡單 - 找到設定按鈕後，很容易就會用了

• 看不清頁面變化 - 調整時希望能更清楚地看到效果

• 需要說明文字 - 希望解釋一下橫向和縱向的區別

• 想要更多單位 - 希望能選擇不同的度量單位

我們要做的改進：

• 把設定視窗放到更顯眼的位置，方便看到效果

• 加上說明文字，解釋頁面方向的含義

• 新增不同單位的選擇，比如釐米、英寸等

The 3 design principles for creating flow 創造心流的3個設計原則

心流是一種奇妙的感覺。時間彷彿消失了，你完全沉浸在工作中，充滿創造力和能量。心流能讓工作變得像遊戲一樣有趣，可以讓生產力提升5倍，甚至被認為是最深層的快樂！

心流的條件：
• 知道下一步該做什麼
• 知道怎麼做
• 沒有干擾
• 及時反饋
• 高挑戰和高技能的平衡

1. Make the next action obvious 讓下一步行動顯而易見

猶豫會破壞心流。使用者使用產品時應該清楚知道下一步該做什麼，以及怎麼做。在Superhuman中，歸檔郵件後立即看到下一封，不用思考該做什麼。而在Gmail中，歸檔後返回收件箱，每次都要重新決定下一步，這會打斷心流。

2. Give clear and immediate feedback with no distraction 即時反饋，無干擾

操作後要立即得到反饋。毫秒級的速度很重要，超過100毫秒就會讓人分心。Superhuman的響應速度不到32毫秒。同時，它的介面極簡，看郵件時看不到收件箱，避免分心。

3. Balance high perceived challenge with high perceived skill 平衡挑戰和技能

使用者需要感到任務既有挑戰性又在能力範圍內。挑戰太低會無聊，太高會焦慮。例如，我們透過培訓提升使用者技能，並設定"不用滑鼠處理郵件"這樣的挑戰目標，讓使用者更容易進入心流狀態。